import Vue from 'vue';
import VueRouter from 'vue-router';

import routes from './config/routes';
import store from './store/';
// import components from './components/common/loading' //加载公共组件

import 'normalize.css'; //重置浏览器默认样式
import '../web_modules/mui/dist/css/mui.css';
import '../node_modules/swiper/dist/css/swiper.css'; // WARNRNG
import './assets/less/style.less';
import './assets/less/search.less';

// Object.keys(components).forEach((key) => {
//     var name = key.replace(/(\w)/, (v) => v.toUpperCase()) //首字母大写
//     Vue.component(`v${name}`, components[key])
// })

Vue.use(VueRouter)
// 创建一个路由器实例
// 并且配置路由规则
const router = new VueRouter({
    routes
})
router.beforeEach(({ meta, path }, from, next) => {

    var { auth = true } = meta
    var isLogin = Boolean(store.state.user.id) //true用户已登录， false用户未登录

    if (auth && !isLogin && path !== '/login') {
        // return next({ path: '/login' })
    }
    next()
})
// 现在我们可以启动应用了！
// 路由器会创建一个 App 实例，并且挂载到选择符 #app 匹配的元素上。
new Vue({ store, router }).$mount('#app')
